<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
    <head>
        <title>Title</title>
        <style type="text/css">
            h1 {
            color: black;
            }
        </style>
        <style type="text/css">
            h2 {
            background-color:green;
            }
            col.prvni address #15 col.druhy {
            font-family: cursive;
            font-size: 36cm;
            }
        </style>
        <style>
            col.prvni address #15 col.druhy {
            vertical-align: text-top;
            word-spacing: 4px
            }
        </style>
        <!--
        
        test comment
    
    
    --> 
    </head>
    <body>
        <table>
            <tr>
                <td style="color: blue;">
                    INLINE STYLE
                </td>
            </tr>
                    </table>
        <!-- text elements-->
        <h1>Header 1 </h1>
        <h2>Header 2 </h2>
        <b>bold</b>
        <i>italic</i>
        <big>BIG</big>
        <small>small</small>

        <!-- lists -->
        <ul>
            <li>first</li>
            <li>second</li>
        </ul>

        <!-- link -->
        <a href='syntax.html'></a>

        <table border='1'>
            <tr >
                <th></th>
            </tr>
            <tr>
                <td align='center'></td>
            </tr>
        </table>
    </body>
    <center>
        <form name='questionnaire' action='save'>
            <input type='input' name='name' value='Jirka'>
            <textarea cols='10' rows='5'>
                Any text
            </textarea>
            <input type='button' value='Hotovo'>
        </form>
    </center>

    <script type='text/javascript'>
        function(){
        alert('Message');
        }
    </script>

    <img alt='short_desc' src='syntax.png'>

    <pre>
        some text
    </pre>
</html>
